<template>
  <m-page>
    <!-- 借还记录页 -->
    <m-header title="电子合同"></m-header>
    <div class="g-tab">
      <ynet-tab-bar v-model="current" :items="items"></ynet-tab-bar>
    </div>
    <!-- 列表 -->
    <div class="g-list">
      <ul>
        <li>
          <div>
            <b>借款</b><br />
            <span>2019-02-02</span>
          </div>
          <div></div>
          <div>
            <b>30,000.00</b><br>
            <span>已结清</span>
          </div>
        </li>
        <li>
          <div>
            <b>借款</b><br />
            <span>2019-02-02</span>
          </div>
          <div></div>
          <div>
            <b>30,000.00</b><br>
            <span>已结清</span>
          </div>
        </li>
        <li>
          <div>
            <b>借款</b><br />
            <span>2019-02-02</span>
          </div>
          <div></div>
          <div>
            <b>30,000.00</b><br>
            <span>已结清</span>
          </div>
        </li>
      </ul>
    </div>
  </m-page>
</template>

<script>
import { Button, TabBar } from "ynet-mobile";
export default {
  components: {
    [Button.name]: Button,
    [TabBar.name]: TabBar
  },
  data() {
    return {
      current: 1,
      items: [
        { name: 1, label: "借款记录" },
        { name: 2, label: "还款记录" }
      ]
    };
  },
  created() {},
  methods: {
    handClick() {
      // 返回上一个页面
      app.api.pushWindow();
    }
  },
  mounted() {},
  watch: {},
  computed: {}
};
</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>
